/* 头部中间层的主导航栏 */

header .centerBar {
  background-color: #20BD9A;
  height: 40px;
}

header .centerBar nav>ul>li {
  float: left;
  margin-right: 18px;
  transition: background-color .2s linear 0s;
}

header .centerBar nav>ul>li:hover {
  cursor: pointer;
  background-color: #188d74;
}

header .centerBar nav>ul>li a {
  line-height: 40px;
}

header .centerBar nav>ul>li.downMenu {
  padding-right: 16px;
  position: relative;
}

/* 中间层的下拉菜单 */
header .centerBar nav>ul>li.downMenu .menu {
  background: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.20);
  padding: 6px 8px;
  position: absolute;
  left: 0;
  top: 33px;
  display: none;
  z-index: 9;
}

/* 单独设置每个下拉菜单的宽度 */
header .centerBar nav>ul>li.downMenu .menu.free {
  width: 160px;
}

header .centerBar nav>ul>li.downMenu .menu.follow {
  width: 106px;
}

header .centerBar nav>ul>li.downMenu .menu.local {
  width: 172px;
}

header .centerBar nav>ul>li.downMenu .menu.deep {
  width: 128px;
}

header .centerBar nav>ul>li.downMenu:hover .menu {
  display: block;
}

header .centerBar nav>ul>li.downMenu .menu h3 {
  font-size: 15px;
  color: #1C1F21;
  line-height: 22px;
  font-weight: bold;
}

header .centerBar nav>ul>li.downMenu .menu:hover {
  cursor: default;
}

header .centerBar nav>ul>li.downMenu .menu a {
  font-size: 13px;
  color: #1C1F21;
  line-height: 18px;
}

header .centerBar nav>ul>li.downMenu .menu a:hover {
  color: #20BD9A;
}

/* 头部中间层导航栏下拉菜单的小箭头 */
header .centerBar nav>ul>li.downMenu em {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 0;
  top: 12px;
  transform-origin: 10px 8px;
  transition: transform .3s linear 0s;
}

header .centerBar nav>ul>li.downMenu em i {
  position: absolute;
  border: 4px solid transparent;
  border-top-color: white;
  left: 6px;
  top: 7px;
}

header .centerBar nav>ul>li:hover em {
  transform: rotate(-180deg) scale(1.2);
}